<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 常见this指向
    // this -> 函数内置关键词  => 函数在调用时依存的对象
    // (1) 函数调用时, 没有依存的对象 => 默认this-> window
    // (2) 函数调用时, 有依存的对象 属于谁,就指向谁 (函数调用时有依存的对象)
    //     obj.say()   btn.onclick = function(){}


    // function fn() {
    //     console.log("函数被调用", this);
    // }

    // fn();
    // window.fn();

    // var fn = function () {
    //     console.log("函数被调用", this);
    // }
    // fn();

    var arr = [0, 1, 2, function () {
        console.log("函数被调用", this);
    }]
    // arr[3]();

    var obj = {
        name: "张三",
        age: 18,
        say: function () {
            console.log("函数被调用", this);
            console.log(this.name, this.age);
        }
    }
    obj.say();

    // 事件中的this  指向绑定事件的元素
    document.onclick = function () {
        console.log("函数被调用", this);
    }








</script>

</html>